<form nz-form [formGroup]="validateForm">
  <div class="form-inner">

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">站点名称</nz-form-label>
      <nz-form-control class="flex-1">
        <input nz-input formControlName="siteName" placeholder="请输入站点名称">
        <nz-form-explain *ngIf="hasError('siteName')">公司名称长度为2-20个字符!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">站点代码</nz-form-label>
      <nz-form-control class="flex-1">
        <input nz-input formControlName="siteCode" placeholder="请输入站点代码">
        <nz-form-explain *ngIf="hasError('siteCode')">站点代码长度为2-20个字符!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">公司名称</nz-form-label>
      <nz-form-control class="flex-1">
        <nz-select formControlName="companyId" nzPlaceHolder="请选择公司名称">
          <nz-option *ngFor="let item of companies" [nzLabel]="item.companyNameChs" [nzValue]="item.id"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="hasError('companyId')">公司类型不能为空!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label nzRequired class="label-width">状态</nz-form-label>
      <nz-form-control class="flex-1">
        <nz-radio-group formControlName="isValid">
          <label nz-radio [nzValue]="true">有效</label>
          <label nz-radio [nzValue]="false">失效</label>
        </nz-radio-group>
        <nz-form-explain *ngIf="hasError('isValid')">状态不能为空!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item nzFlex>
      <nz-form-label class="label-width">描述</nz-form-label>
      <nz-form-control class="flex-1">
        <input nz-input formControlName="description" placeholder="请输入描述">
        <nz-form-explain *ngIf="hasError('description')">别名长度为2-20个字符!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

  </div>
</form>